/* animation */
.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;}
.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadeinB,.a-fadeinL,.a-bouncein,.a-bounceinT,.a-bounceinR,.a-bounceinB,.a-bounceinL,.a-rotatein,.a-rotateinLT,.a-rotateinLB,.a-rotateinRT,.a-rotateinRB,.a-flipin,.a-flipinX,.a-flipinY{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.a-fadeout,.a-fadeoutT,.a-fadeoutR,.a-fadeoutB,.a-fadeoutL,.a-bounceout,.a-bounceoutT,.a-bounceoutR,.a-bounceoutB,.a-bounceoutL,.a-rotateout,.a-rotateoutLT,.a-rotateoutLB,.a-rotateoutRT,.a-rotateoutRB,.a-flipout,.a-flipoutX,.a-flipoutY{-webkit-animation:1s ease-in forwards;-moz-animation:1s ease-in forwards;-ms-animation:1s ease-in forwards;animation:1s ease-in forwards;}
/* 淡入 */
.a-fadein{-webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;}
/* 淡入-从上 */
.a-fadeinT{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT;}
/* 淡入-从右 */
.a-fadeinR{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;}
/* 淡入-从下 */
.a-fadeinB{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB;}
/* 淡入-从左 */
.a-fadeinL{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL;}
/* 淡出 */
.a-fadeout{-webkit-animation-name:fadeout;-moz-animation-name:fadeout;-ms-animation-name:fadeout;animation-name:fadeout;}
/* 淡出-向上 */
.a-fadeoutT{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT;}
/* 淡出-向右 */
.a-fadeoutR{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR;}
/* 淡出-向下 */
.a-fadeoutB{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB;}
/* 淡出-向左 */
.a-fadeoutL{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL;}
/* 弹跳 */
.a-bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-ms-animation-name:bounce;animation-name:bounce;}
/* 弹入 */
.a-bouncein{-webkit-animation-name:bouncein;-moz-animation-name:bouncein;-ms-animation-name:bouncein;animation-name:bouncein;}
/* 弹入-从上 */
.a-bounceinT{-webkit-animation-name:bounceinT;-moz-animation-name:bounceinT;-ms-animation-name:bounceinT;animation-name:bounceinT;}
/* 弹入-从右 */
.a-bounceinR{-webkit-animation-name:bounceinR;-moz-animation-name:bounceinR;-ms-animation-name:bounceinR;animation-name:bounceinR;}
/* 弹入-从下 */
.a-bounceinB{-webkit-animation-name:bounceinB;-moz-animation-name:bounceinB;-ms-animation-name:bounceinB;animation-name:bounceinB;}
/* 弹入-从左 */
.a-bounceinL{-webkit-animation-name:bounceinL;-moz-animation-name:bounceinL;-ms-animation-name:bounceinL;animation-name:bounceinL;}
/* 弹出 */
.a-bounceout{-webkit-animation-name:bounceout;-moz-animation-name:bounceout;-ms-animation-name:bounceout;animation-name:bounceout;}
/* 弹出-向上 */
.a-bounceoutT{-webkit-animation-name:bounceoutT;-moz-animation-name:bounceoutT;-ms-animation-name:bounceoutT;animation-name:bounceoutT;}
/* 弹出-向右 */
.a-bounceoutR{-webkit-animation-name:bounceoutR;-moz-animation-name:bounceoutR;-ms-animation-name:bounceoutR;animation-name:bounceoutR;}
/* 弹出-向下 */
.a-bounceoutB{-webkit-animation-name:bounceoutB;-moz-animation-name:bounceoutB;-ms-animation-name:bounceoutB;animation-name:bounceoutB;}
/* 弹出-向左 */
.a-bounceoutL{-webkit-animation-name:bounceoutL;-moz-animation-name:bounceoutL;-ms-animation-name:bounceoutL;animation-name:bounceoutL;}
/* 转入 */
.a-rotatein{-webkit-animation-name:rotatein;-moz-animation-name:rotatein;-ms-animation-name:rotatein;animation-name:rotatein;}
/* 转入-从左上 */
.a-rotateinLT{-webkit-animation-name:rotateinLT;-moz-animation-name:rotateinLT;-ms-animation-name:rotateinLT;animation-name:rotateinLT;}
/* 转入-从左下 */
.a-rotateinLB{-webkit-animation-name:rotateinLB;-moz-animation-name:rotateinLB;-ms-animation-name:rotateinLB;animation-name:rotateinLB;}
/* 转入-从右上 */
.a-rotateinRT{-webkit-animation-name:rotateinRT;-moz-animation-name:rotateinRT;-ms-animation-name:rotateinRT;animation-name:rotateinRT;}
/* 转入-从右下*/
.a-rotateinRB{-webkit-animation-name:rotateinRB;-moz-animation-name:rotateinRB;-ms-animation-name:rotateinRB;animation-name:rotateinRB;}
/* 转出 */
.a-rotateout{-webkit-animation-name:rotateout;-moz-animation-name:rotateout;-ms-animation-name:rotateout;animation-name:rotateout;}
/* 转出-向左上 */
.a-rotateoutLT{-webkit-animation-name:rotateoutLT;-moz-animation-name:rotateoutLT;-ms-animation-name:rotateoutLT;animation-name:rotateoutLT;}
/* 转出-向左下 */
.a-rotateoutLB{-webkit-animation-name:rotateoutLB;-moz-animation-name:rotateoutLB;-ms-animation-name:rotateoutLB;animation-name:rotateoutLB;}
/* 转出-向右上 */
.a-rotateoutRT{-webkit-animation-name:rotateoutRT;-moz-animation-name:rotateoutRT;-ms-animation-name:rotateoutRT;animation-name:rotateoutRT;}
/* 转出-向右下 */
.a-rotateoutRB{-webkit-animation-name:rotateoutRB;-moz-animation-name:rotateoutRB;-ms-animation-name:rotateoutRB;animation-name:rotateoutRB;}
/* 翻转 */
.a-flip{-webkit-animation-name:flip;-moz-animation-name:flip;-ms-animation-name:flip;animation-name:flip;}
/* 翻入-X轴 */
.a-flipinX{-webkit-animation-name:flipinX;-moz-animation-name:flipinX;-ms-animation-name:flipinX;animation-name:flipinX;}
/* 翻入-Y轴 */
.a-flipin,.a-flipinY{-webkit-animation-name:flipinY;-moz-animation-name:flipinY;-ms-animation-name:flipinY;animation-name:flipinY;}
/* 翻出-X轴 */
.a-flipoutX{-webkit-animation-name:flipoutX;-moz-animation-name:flipoutX;-ms-animation-name:flipoutX;animation-name:flipoutX;}
/* 翻出-Y轴 */
.a-flipout,.a-flipoutY{-webkit-animation-name:flipoutY;-moz-animation-name:flipoutY;-ms-animation-name:flipoutY;animation-name:flipoutY;}
/* 闪烁 */
.a-flash{-webkit-animation-name:flash;-moz-animation-name:flash;-ms-animation-name:flash;animation-name:flash;}
/* 震颤 */
.a-shake{-webkit-animation-name:shake;-moz-animation-name:shake;-ms-animation-name:shake;animation-name:shake;}
/* 摇摆 */
.a-swing{-webkit-animation-name:swing;-moz-animation-name:swing;-ms-animation-name:swing;animation-name:swing;}
/* 摇晃 */
.a-wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-ms-animation-name:wobble;animation-name:wobble;}
/* 震铃 */
.a-ring{-webkit-animation-name:ring;-moz-animation-name:ring;-ms-animation-name:ring;animation-name:ring;}
/* define */


    .secnavlist li .thirdnavlist {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:thirdnavlist;-moz-animation-name:thirdnavlist;-ms-animation-name:thirdnavlist;animation-name:thirdnavlist;
    }

    .ind_pro ul li a img {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:moreSmallPos;-moz-animation-name:moreSmallPos;-ms-animation-name:moreSmallPos;animation-name:moreSmallPos;
    }

    .ind_pro ul li a:hover img {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:moreBigPos;-moz-animation-name:moreBigPos;-ms-animation-name:moreBigPos;animation-name:moreBigPos;
    }

    .ind_case_info ul li a p {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:fadein;-moz-animation-name:fadein;-ms-animation-name:fadein;animation-name:fadein;
    }

    .ind_case_info ul li a:hover p {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:fadeout;-moz-animation-name:fadeout;-ms-animation-name:fadeout;animation-name:fadeout;
    }

    .video_banner img:first-child {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:moreBannerSmall;-moz-animation-name:moreBannerSmall;-ms-animation-name:moreBannerSmall;animation-name:moreBannerSmall;
    }

    .video_banner.scale_banner img:first-child {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:moreBannerBig;-moz-animation-name:moreBannerBig;-ms-animation-name:moreBannerBig;animation-name:moreBannerBig;
    }

    .ind_case_info ul li a img, .ind_tech_img .imglist a img, .ind_news ul li:first-child a img.ind_news_1stimg, .caselist li a .caselist_img img, .proinfo_industry .imglist li a img, .prolist_iteminfo img {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:moreSmall;-moz-animation-name:moreSmall;-ms-animation-name:moreSmall;animation-name:moreSmall;
    }

    .ind_case_info ul li a:hover img, .ind_tech_img .imglist a:hover img, .ind_news ul li:first-child a:hover img.ind_news_1stimg, .caselist li a:hover .caselist_img img, .proinfo_industry .imglist li a:hover img, .prolist_iteminfo:hover img {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:moreBig;-moz-animation-name:moreBig;-ms-animation-name:moreBig;animation-name:moreBig;
    }

    .ind_coretech_base li:nth-child(2) {
        -webkit-animation:1.8s ease-out backwards;-moz-animation:1.8s ease-out backwards;-ms-animation:1.8s ease-out backwards;animation:1.8s ease-out backwards;
        -webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;
    }

    .ind_coretech_base li:nth-child(3) {
        -webkit-animation:2.6s ease-out backwards;-moz-animation:2.6s ease-out backwards;-ms-animation:2.6s ease-out backwards;animation:2.6s ease-out backwards;
        -webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR;
    }

    .ind_abo_BG {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:indaboBG;-moz-animation-name:indaboBG;-ms-animation-name:indaboBG;animation-name:indaboBG;
    }

    .ind_abo_network_BG {
        -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
        -webkit-animation-name:indabonetworkBG;-moz-animation-name:indabonetworkBG;-ms-animation-name:indabonetworkBG;animation-name:indabonetworkBG;
    }

    .coretech_base li:nth-child(2) {
        -webkit-animation-duration: 1.5s;
        -moz-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }

    .coretech_base li:nth-child(3) {
        -webkit-animation-duration: 1.8s;
        -moz-animation-duration: 1.8s;
        -ms-animation-duration: 1.8s;
        animation-duration: 1.8s;
    }

    .a-fadeinBPosY {
        -webkit-animation-name:fadeinBPosY;
        -moz-animation-name:fadeinBPosY;
        -ms-animation-name:fadeinBPosY;
        animation-name:fadeinBPosY;
    }

    /*.ind_news ul li a {
        -webkit-animation:0.5s ease;-moz-animation:0.5s ease;-ms-animation:0.5s ease;animation:0.5s ease;
        -webkit-animation-name:indnews;-moz-animation-name:indnews;-ms-animation-name:indnews;animation-name:indnews;
    }

    .ind_news ul li a:hover {
        -webkit-animation:0.5s ease;-moz-animation:0.5s ease;-ms-animation:0.5s ease;animation:0.5s ease;
        -webkit-animation-name:indnewsHover;-moz-animation-name:indnewsHover;-ms-animation-name:indnewsHover;animation-name:indnewsHover;
    }*/
    
a.showpro_img > img {
    -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
    -webkit-animation-name:moreSpSmallPos;-moz-animation-name:moreSpSmallPos;-ms-animation-name:moreSpSmallPos;animation-name:moreSpSmallPos;
}

a.showpro_img:hover > img {
    -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
    -webkit-animation-name:moreSpBigPos;-moz-animation-name:moreSpBigPos;-ms-animation-name:moreSpBigPos;animation-name:moreSpBigPos;
}

/* 淡入-从上 */
.showpro_wholeblock a.showpro_img .showpro_sellpoint.fadeInUp{
    -webkit-animation-name:SpwfadeinT !important;-moz-animation-name:SpwfadeinT !important;-ms-animation-name:SpwfadeinT !important;animation-name:SpwfadeinT !important;
}
    
.showpro_wholeblock a.showpro_img > img {
    -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
    -webkit-animation-name:moreSpSmallPosX;-moz-animation-name:moreSpSmallPosX;-ms-animation-name:moreSpSmallPosX;animation-name:moreSpSmallPosX;
}

.showpro_wholeblock a.showpro_img:hover > img {
    -webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease;
    -webkit-animation-name:moreSpBigPosX;-moz-animation-name:moreSpBigPosX;-ms-animation-name:moreSpBigPosX;animation-name:moreSpBigPosX;
}


/* 淡入 */
@-webkit-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    100%{opacity:1;}
}
/* 淡入-从上 */
@-webkit-keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    80%{opacity:0.6;-webkit-transform:translateY(0);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    80%{opacity:0.6;-moz-transform:translateY(0);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    80%{opacity:0.6;-ms-transform:translateY(0);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinT{
    0%{opacity:0;transform:translateY(-100px);}
    80%{opacity:0.6;transform:translateY(0);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从右 */
@-webkit-keyframes fadeinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    80%{opacity:0.6;-webkit-transform:translateX(0);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    80%{opacity:0.6;-moz-transform:translateX(0);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    80%{opacity:0.6;-ms-transform:translateX(0);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinR{
    0%{opacity:0;transform:translateX(100px);}
    80%{opacity:0.6;transform:translateX(0);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡入-从下 */
@-webkit-keyframes fadeinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    80%{opacity:0.6;-webkit-transform:translateY(0);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    80%{opacity:0.6;-moz-transform:translateY(0);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-ms-keyframes fadeinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    80%{opacity:0.6;-ms-transform:translateY(0);}
    100%{opacity:1;-ms-transform:translateY(0);}
}
@keyframes fadeinB{
    0%{opacity:0;transform:translateY(100px);}
    80%{opacity:0.6;transform:translateY(0);}
    100%{opacity:1;transform:translateY(0);}
}
/* 淡入-从左 */
@-webkit-keyframes fadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    80%{opacity:0.6;-webkit-transform:translateX(0);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes fadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    80%{opacity:0.6;-moz-transform:translateX(0);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes fadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    80%{opacity:0.6;-ms-transform:translateX(0);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes fadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    80%{opacity:0.6;transform:translateX(0);}
    100%{opacity:1;transform:translateX(0);}
}
/* 淡出 */
@-webkit-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-moz-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@-ms-keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
@keyframes fadeout{
    0%{opacity:1;}
    100%{opacity:0;}
}
/* 淡出-向上 */
@-webkit-keyframes fadeoutT{
    0%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(-100px);}
}
@-moz-keyframes fadeoutT{
    0%{opacity:1;-moz-transform:translateY(0);}
    100%{opacity:0;-moz-transform:translateY(-100px);}
}
@-ms-keyframes fadeoutT{
    0%{opacity:1;-ms-transform:translateY(0);}
    100%{opacity:0;-ms-transform:translateY(-100px);}
}
@keyframes fadeoutT{
    0%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(-100px);}
}
/* 淡出-向右 */
@-webkit-keyframes fadeoutR{
    0%{opacity:1;-webkit-transform:translateX(0);}
    100%{opacity:0;-webkit-transform:translateX(100px);}
}
@-moz-keyframes fadeoutR{
    0%{opacity:1;-moz-transform:translateX(0);}
    100%{opacity:0;-moz-transform:translateX(100px);}
}
@-ms-keyframes fadeoutR{
    0%{opacity:1;-ms-transform:translateX(0);}
    100%{opacity:0;-ms-transform:translateX(100px);}
}
@keyframes fadeoutR{
    0%{opacity:1;transform:translateX(0);}
    100%{opacity:0;transform:translateX(100px);}
}
/* 淡出-向下 */
@-webkit-keyframes fadeoutB{
    0%{opacity:1;-webkit-transform:translateY(0);}
    100%{opacity:0;-webkit-transform:translateY(100px);}
}
@-moz-keyframes fadeoutB{
    0%{opacity:1;-moz-transform:translateY(0);}
    100%{opacity:0;-moz-transform:translateY(100px);}
}
@-ms-keyframes fadeoutB{
    0%{opacity:1;-ms-transform:translateY(0);}
    100%{opacity:0;-ms-transform:translateY(100px);}
}
@keyframes fadeoutB{
    0%{opacity:1;transform:translateY(0);}
    100%{opacity:0;transform:translateY(100px);}
}
/* 淡出-向左 */
@-webkit-keyframes fadeoutL{
    0%{opacity:1;-webkit-transform:translateX(0);}
    100%{opacity:0;-webkit-transform:translateX(-100px);}
}
@-moz-keyframes fadeoutL{
    0%{opacity:1;-moz-transform:translateX(0);}
    100%{opacity:0;-moz-transform:translateX(-100px);}
}
@-ms-keyframes fadeoutL{
    0%{opacity:1;-ms-transform:translateX(0);}
    100%{opacity:0;-ms-transform:translateX(-100px);}
}
@keyframes fadeoutL{
    0%{opacity:1;transform:translateX(0);}
    100%{opacity:0;transform:translateX(-100px);}
}
/* 弹跳 */
@-webkit-keyframes bounce{
    0%,20%,50%,80%,100%{-webkit-transform:translateY(0);}
    40%{-webkit-transform:translateY(-30px);}
    60%{-webkit-transform:translateY(-15px);}
}
@-moz-keyframes bounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0);}
    40%{-moz-transform:translateY(-30px);}
    60%{-moz-transform:translateY(-15px);}
}
@-ms-keyframes bounce{
    0%,20%,50%,80%,100%{-ms-transform:translateY(0);}
    40%{-ms-transform:translateY(-30px);}
    60%{-ms-transform:translateY(-15px);}
}
@keyframes bounce{
    0%,20%,50%,80%,100%{transform:translateY(0);}
    40%{transform:translateY(-30px);}
    60%{transform:translateY(-15px);}
}
/* 弹入 */
@-webkit-keyframes bouncein{
    0%{opacity:0;-webkit-transform:scale(0.3);}
    50%{opacity:1;-webkit-transform:scale(1.05);}
    70%{-webkit-transform:scale(0.9);}
    100%{-webkit-transform:scale(1);}
}
@-moz-keyframes bouncein{
    0%{opacity:0;-moz-transform:scale(0.3);}
    50%{opacity:1;-moz-transform:scale(1.05);}
    70%{-moz-transform:scale(0.9);}
    100%{-moz-transform:scale(1);}
}
@-ms-keyframes bouncein{
    0%{opacity:0;-ms-transform:scale(0.3);}
    50%{opacity:1;-ms-transform:scale(1.05);}
    70%{-ms-transform:scale(0.9);}
    100%{-ms-transform:scale(1);}
}
@keyframes bouncein{
    0%{opacity:0;transform:scale(0.3);}
    50%{opacity:1;transform:scale(1.05);}
    70%{transform:scale(0.9);}
    100%{transform:scale(1);}
}
/* 弹入-从上 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    60%{opacity:1;-webkit-transform:translateY(30px);}
    80%{-webkit-transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    60%{opacity:1;-moz-transform:translateY(30px);}
    80%{-moz-transform:translateY(-10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    60%{opacity:1;-ms-transform:translateY(30px);}
    80%{-ms-transform:translateY(-10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px);}
    60%{opacity:1;transform:translateY(30px);}
    80%{transform:translateY(-10px);}
    100%{transform:translateY(0);}
}
/* 弹入-从右 */
@-webkit-keyframes bounceinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    60%{opacity:1;-webkit-transform:translateX(-30px);}
    80%{-webkit-transform:translateX(10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    60%{opacity:1;-moz-transform:translateX(-30px);}
    80%{-moz-transform:translateX(10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    60%{opacity:1;-ms-transform:translateX(-30px);}
    80%{-ms-transform:translateX(10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinR{
    0%{opacity:0;transform:translateX(100px);}
    60%{opacity:1;transform:translateX(-30px);}
    80%{transform:translateX(10px);}
    100%{transform:translateX(0);}
}
/* 弹入-从下 */
@-webkit-keyframes bounceinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    60%{opacity:1;-webkit-transform:translateY(-30px);}
    80%{-webkit-transform:translateY(10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    60%{opacity:1;-moz-transform:translateY(-30px);}
    80%{-moz-transform:translateY(10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    60%{opacity:1;-ms-transform:translateY(-30px);}
    80%{-ms-transform:translateY(10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinB{
    0%{opacity:0;transform:translateY(100px);}
    60%{opacity:1;transform:translateY(-30px);}
    80%{transform:translateY(10px);}
    100%{transform:translateY(0);}
}
/* 弹入-从左 */
@-webkit-keyframes bounceinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    60%{opacity:1;-webkit-transform:translateX(30px);}
    80%{-webkit-transform:translateX(-10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    60%{opacity:1;-moz-transform:translateX(30px);}
    80%{-moz-transform:translateX(-10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    60%{opacity:1;-ms-transform:translateX(30px);}
    80%{-ms-transform:translateX(-10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinL{
    0%{opacity:0;transform:translateX(-100px);}
    60%{opacity:1;transform:translateX(30px);}
    80%{transform:translateX(-10px);}
    100%{transform:translateX(0);}
}
/* 弹出 */
@-webkit-keyframes bounceout{
    0%{-webkit-transform:scale(1);}
    25%{-webkit-transform:scale(0.95);}
    50%{opacity:1;-webkit-transform:scale(1.1);}
    100%{opacity:0;-webkit-transform:scale(0.3);}
}
@-moz-keyframes bounceout{
    0%{-moz-transform:scale(1);}
    25%{-moz-transform:scale(0.95);}
    50%{opacity:1;-moz-transform:scale(1.1);}
    100%{opacity:0;-moz-transform:scale(0.3);}
}
@-ms-keyframes bounceout{
    0%{-ms-transform:scale(1);}
    25%{-ms-transform:scale(0.95);}
    50%{opacity:1;-ms-transform:scale(1.1);}
    100%{opacity:0;-ms-transform:scale(0.3);}
}
@keyframes bounceout{
    0%{transform:scale(1);}
    25%{transform:scale(0.95);}
    50%{opacity:1;transform:scale(1.1);}
    100%{opacity:0;transform:scale(0.3);}
}
/* 弹出-向上*/
@-webkit-keyframes bounceoutT{
    0%{-webkit-transform:translateY(0);}
    20%{opacity:1;-webkit-transform:translateY(20px);}
    100%{opacity:0;-webkit-transform:translateY(-100px);}
}
@-moz-keyframes bounceoutT{
    0%{-moz-transform:translateY(0);}
    20%{opacity:1;-moz-transform:translateY(20px);}
    100%{opacity:0;-moz-transform:translateY(-100px);}
}
@-ms-keyframes bounceoutT{
    0%{-ms-transform:translateY(0);}
    20%{opacity:1;-ms-transform:translateY(20px);}
    100%{opacity:0;-ms-transform:translateY(-100px);}
}
@keyframes bounceoutT{
    0%{transform:translateY(0);}
    20%{opacity:1;transform:translateY(20px);}
    100%{opacity:0;transform:translateY(-100px);}
}
/* 弹出-向右*/
@-webkit-keyframes bounceoutR{
    0%{-webkit-transform:translateX(0);}
    20%{opacity:1;-webkit-transform:translateX(-20px);}
    100%{opacity:0;-webkit-transform:translateX(100px);}
}
@-moz-keyframes bounceoutR{
    0%{-moz-transform:translateX(0);}
    20%{opacity:1;-moz-transform:translateX(-20px);}
    100%{opacity:0;-moz-transform:translateX(100px);}
}
@-ms-keyframes bounceoutR{
    0%{-ms-transform:translateX(0);}
    20%{opacity:1;-ms-transform:translateX(-20px);}
    100%{opacity:0;-ms-transform:translateX(100px);}
}
@keyframes bounceoutR{
    0%{transform:translateX(0);}
    20%{opacity:1;transform:translateX(-20px);}
    100%{opacity:0;transform:translateX(100px);}
}
/* 弹出-向下 */
@-webkit-keyframes bounceoutB{
    0%{-webkit-transform:translateY(0);}
    20%{opacity:1;-webkit-transform:translateY(-20px);}
    100%{opacity:0;-webkit-transform:translateY(100px);}
}
@-moz-keyframes bounceoutB{
    0%{-moz-transform:translateY(0);}
    20%{opacity:1;-moz-transform:translateY(-20px);}
    100%{opacity:0;-moz-transform:translateY(100px);}
}
@-ms-keyframes bounceoutB{
    0%{-ms-transform:translateY(0);}
    20%{opacity:1;-ms-transform:translateY(-20px);}
    100%{opacity:0;-ms-transform:translateY(100px);}
}
@keyframes bounceoutB{
    0%{transform:translateY(0);}
    20%{opacity:1;transform:translateY(-20px);}
    100%{opacity:0;transform:translateY(100px);}
}
/* 弹出-向左 */
@-webkit-keyframes bounceoutL{
    0%{-webkit-transform:translateX(0);}
    20%{opacity:1;-webkit-transform:translateX(20px);}
    100%{opacity:0;-webkit-transform:translateX(-100px);}
}
@-moz-keyframes bounceoutL{
    0%{-moz-transform:translateX(0);}
    20%{opacity:1;-moz-transform:translateX(20px);}
    100%{opacity:0;-moz-transform:translateX(-100px);}
}
@-ms-keyframes bounceoutL{
    0%{-ms-transform:translateX(0);}
    20%{opacity:1;-ms-transform:translateX(20px);}
    100%{opacity:0;-ms-transform:translateX(-100px);}
}
@keyframes bounceoutL{
    0%{transform:translateX(0);}
    20%{opacity:1;transform:translateX(20px);}
    100%{opacity:0;transform:translateX(-200px);}
}
/* 转入 */
@-webkit-keyframes rotatein{
    0%{opacity:0;-webkit-transform:rotate(-200deg);}
    100%{opacity:1;-webkit-transform:rotate(0);}
}
@-moz-keyframes rotatein{
    0%{opacity:0;-moz-transform:rotate(-200deg);}
    100%{opacity:1;-moz-transform:rotate(0);}
}
@-ms-keyframes rotatein{
    0%{opacity:0;-ms-transform:rotate(-200deg);}
    100%{opacity:1;-ms-transform:rotate(0);}
}
@keyframes rotatein{
    0%{opacity:0;transform:rotate(-200deg);}
    100%{opacity:1;transform:rotate(0);}
}
/* 转入-从左上 */
@-webkit-keyframes rotateinLT{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateinLT{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateinLT{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateinLT{
    0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}
    100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
}
/* 转入-从左下 */
@-webkit-keyframes rotateineftB{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateineftB{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateineftB{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateineftB{
    0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}
    100%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
}
/* 转入-从右上 */
@-webkit-keyframes rotateinRT{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateinRT{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateinRT{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateinRT{
    0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}
    100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
}
/* 转入-从右下*/
@-webkit-keyframes rotateinRB{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
}
@-moz-keyframes rotateinRB{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
}
@-ms-keyframes rotateinRB{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
}
@keyframes rotateinRB{
    0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}
    100%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
}
/* 转出 */
@-webkit-keyframes rotateout{
    0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0;}
}
@-moz-keyframes rotateout{
    0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0;}
}
@-ms-keyframes rotateout{
    0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0;}
}
@keyframes rotateout{
    0%{transform-origin:center center;transform:rotate(0);opacity:1;}
    100%{transform-origin:center center;transform:rotate(200deg);opacity:0;}
}
/* 转出-向左上 */
@-webkit-keyframes rotateoutLT{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0;}
}
@-moz-keyframes rotateoutLT{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0;}
}
@-ms-keyframes rotateoutLT{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateoutLT{
    0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0;}
}
/* 转出-向左下 */
@-webkit-keyframes rotateoutLB{
    0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0;}
}
@-moz-keyframes rotateoutLB{
    0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0;}
}
@-ms-keyframes rotateoutLB{
    0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0;}
}
@keyframes rotateoutLB{
    0%{transform-origin:left bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0;}
}
/* 转出-向右上 */
@-webkit-keyframes rotateoutRT{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0;}
}
@-moz-keyframes rotateoutRT{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0;}
}
@-ms-keyframes rotateoutRT{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0;}
}
@keyframes rotateoutRT{
    0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0;}
}
/* 转出-向右下 */
@-webkit-keyframes rotateoutBR{
    0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1;}
    100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0;}
}
@-moz-keyframes rotateoutBR{
    0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1;}
    100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0;}
}
@-ms-keyframes rotateoutBR{
    0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1;}
    100%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0;}
}
@keyframes rotateoutBR{
    0%{transform-origin:right bottom;transform:rotate(0);opacity:1;}
    100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0;}
}
/* 翻转 */
@-webkit-keyframes flip{
    0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out;}
    40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out;}
    50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;}
    80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(0.95);-webkit-animation-timing-function:ease-in;}
    100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in;}
}
@-moz-keyframes flip{
    0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out;}
    40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out;}
    50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in;}
    80%{-moz-transform:perspective(400px) rotateY(360deg) scale(0.95);-moz-animation-timing-function:ease-in;}
    100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in;}
}
@-ms-keyframes flip{
    0%{-ms-transform:perspective(400px) rotateY(0);-ms-animation-timing-function:ease-out;}
    40%{-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg);-ms-animation-timing-function:ease-out;}
    50%{-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-animation-timing-function:ease-in;}
    80%{-ms-transform:perspective(400px) rotateY(360deg) scale(0.95);-ms-animation-timing-function:ease-in;}
    100%{-ms-transform:perspective(400px) scale(1);-ms-animation-timing-function:ease-in;}
}
@keyframes flip{
    0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out;}
    40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out;}
    50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in;}
    80%{transform:perspective(400px) rotateY(360deg) scale(0.95);animation-timing-function:ease-in;}
    100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in;}
}
/* 翻入-X轴 */
@-webkit-keyframes flipinX{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);}
    100%{-webkit-transform:perspective(400px) rotateX(0);opacity:1;}
}
@-moz-keyframes flipinX{
    0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateX(-10deg);}
    70%{-moz-transform:perspective(400px) rotateX(10deg);}
    100%{-moz-transform:perspective(400px) rotateX(0);opacity:1;}
}
@-ms-keyframes flipinX{
    0%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{-ms-transform:perspective(400px) rotateX(-10deg);}
    70%{-ms-transform:perspective(400px) rotateX(10deg);}
    100%{-ms-transform:perspective(400px) rotateX(0);opacity:1;}
}
@keyframes flipinX{
    0%{transform:perspective(400px) rotateX(90deg);opacity:0;}
    40%{transform:perspective(400px) rotateX(-10deg);}
    70%{transform:perspective(400px) rotateX(10deg);}
    100%{transform:perspective(400px) rotateX(0);opacity:1;}
}
/* 翻入-Y轴 */
@-webkit-keyframes flipinY{
    0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateY(-10deg);}
    70%{-webkit-transform:perspective(400px) rotateY(10deg);}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY{
    0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateY(-10deg);}
    70%{-moz-transform:perspective(400px) rotateY(10deg);}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-ms-keyframes flipinY{
    0%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{-ms-transform:perspective(400px) rotateY(-10deg);}
    70%{-ms-transform:perspective(400px) rotateY(10deg);}
    100%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}
}
@keyframes flipinY{
    0%{transform:perspective(400px) rotateY(90deg);opacity:0;}
    40%{transform:perspective(400px) rotateY(-10deg);}
    70%{transform:perspective(400px) rotateY(10deg);}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}
/* 翻出-X轴 */
@-webkit-keyframes flipoutX{
    0%{-webkit-transform:perspective(400px) rotateX(0);opacity:1;}
    100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-moz-keyframes flipoutX{
    0%{-moz-transform:perspective(400px) rotateX(0);opacity:1;}
    100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@-ms-keyframes flipoutX{
    0%{-ms-transform:perspective(400px) rotateX(0);opacity:1;}
    100%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0;}
}
@keyframes flipoutX{
    0%{transform:perspective(400px) rotateX(0);opacity:1;}
    100%{transform:perspective(400px) rotateX(90deg);opacity:0;}
}
/* 翻出-Y轴 */
@-webkit-keyframes flipoutY{
    0%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
    100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@-moz-keyframes flipoutY{
    0%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
    100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@-ms-keyframes flipoutY{
    0%{-ms-transform:perspective(400px) rotateY(0);opacity:1;}
    100%{-ms-transform:perspective(400px) rotateY(90deg);opacity:0;}
}
@keyframes flipoutY{
    0%{transform:perspective(400px) rotateY(0);opacity:1;}
    100%{transform:perspective(400px) rotateY(90deg);opacity:0;}
}
/* 闪烁 */
@-webkit-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@-moz-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@-ms-keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
@keyframes flash{
    0%,50%,100%{opacity:1;}
    25%,75%{opacity:0;}
}
/* 震颤 */
@-webkit-keyframes shake{
    0%,100%{-webkit-transform:translateX(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);}
}
@-moz-keyframes shake{
    0%,100%{-moz-transform:translateX(0);}
    10%,30%,50%,70%,90%{-moz-transform:translateX(-10px);}
    20%,40%,60%,80%{-moz-transform:translateX(10px);}
}
@-ms-keyframes shake{
    0%,100%{-ms-transform:translateX(0);}
    10%,30%,50%,70%,90%{-ms-transform:translateX(-10px);}
    20%,40%,60%,80%{-ms-transform:translateX(10px);}
}
@keyframes shake{
    0%,100%{transform:translateX(0);}
    10%,30%,50%,70%,90%{transform:translateX(-10px);}
    20%,40%,60%,80%{transform:translateX(10px);}
}
/* 摇摆 */
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}
/* 摇晃 */
@-webkit-keyframes wobble{
    0%{-webkit-transform:translateX(0);}
    15%{-webkit-transform:translateX(-100px) rotate(-5deg);}
    30%{-webkit-transform:translateX(80px) rotate(3deg);}
    45%{-webkit-transform:translateX(-65px) rotate(-3deg);}
    60%{-webkit-transform:translateX(40px) rotate(2deg);}
    75%{-webkit-transform:translateX(-20px) rotate(-1deg);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes wobble{
    0%{-moz-transform:translateX(0);}
    15%{-moz-transform:translateX(-100px) rotate(-5deg);}
    30%{-moz-transform:translateX(80px) rotate(3deg);}
    45%{-moz-transform:translateX(-65px) rotate(-3deg);}
    60%{-moz-transform:translateX(40px) rotate(2deg);}
    75%{-moz-transform:translateX(-20px) rotate(-1deg);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes wobble{
    0%{-ms-transform:translateX(0);}
    15%{-ms-transform:translateX(-100px) rotate(-5deg);}
    30%{-ms-transform:translateX(80px) rotate(3deg);}
    45%{-ms-transform:translateX(-65px) rotate(-3deg);}
    60%{-ms-transform:translateX(40px) rotate(2deg);}
    75%{-ms-transform:translateX(-20px) rotate(-1deg);}
    100%{-ms-transform:translateX(0);}
}
@keyframes wobble{
    0%{transform:translateX(0);}
    15%{transform:translateX(-100px) rotate(-5deg);}
    30%{transform:translateX(80px) rotate(3deg);}
    45%{transform:translateX(-65px) rotate(-3deg);}
    60%{transform:translateX(40px) rotate(2deg);}
    75%{transform:translateX(-20px) rotate(-1deg);}
    100%{transform:translateX(0);}
}
/* 震铃 */
@-webkit-keyframes ring{
    0%{-webkit-transform:scale(1);}
    10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);}
    100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes ring{
    0%{-moz-transform:scale(1);}
    10%,20%{-moz-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg);}
    100%{-moz-transform:scale(1) rotate(0);}
}
@-ms-keyframes ring{
    0%{-ms-transform:scale(1);}
    10%,20%{-ms-transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg);}
    100%{-ms-transform:scale(1) rotate(0);}
}
@keyframes ring{
    0%{transform:scale(1);}
    10%,20%{transform:scale(0.9) rotate(-3deg);}
    30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
    40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
    100%{transform:scale(1) rotate(0);}
}

@-webkit-keyframes thirdnavlist{
    0%{width:0;}
    100%{width:calc(66.67vw - 170px);}
}

@-moz-keyframes thirdnavlist{
    0%{width:0;}
    100%{width:calc(66.67vw - 170px);}
}

@-ms-keyframes thirdnavlist{
    0%{width:0;}
    100%{width:calc(66.67vw - 170px);}
}

@keyframes thirdnavlist{
    0%{width:0;}
    100%{width:calc(66.67vw - 170px);}
}

/* 详情页有定位变小 */

@-webkit-keyframes moreSpSmallPos{
    0%{transform: translate(-50%,-50%) scale(1.05);}
    100%{transform: translate(-50%,-50%) scale(1);}
}

@-moz-keyframes moreSpSmallPos{
    0%{transform: translate(-50%,-50%) scale(1.05);}
    100%{transform: translate(-50%,-50%) scale(1);}
}

@-ms-keyframes moreSpSmallPos{
    0%{transform: translate(-50%,-50%) scale(1.05);}
    100%{transform: translate(-50%,-50%) scale(1);}
}

@keyframes moreSpSmallPos{
    0%{transform: translate(-50%,-50%) scale(1.05);}
    100%{transform: translate(-50%,-50%) scale(1);}
}

/* 详情页有定位变大 */

@-webkit-keyframes moreSpBigPos{
    0%{transform: translate(-50%,-50%) scale(1);}
    100%{transform: translate(-50%,-50%) scale(1.05);}
}

@-moz-keyframes moreSpBigPos{
    0%{transform: translate(-50%,-50%) scale(1);}
    100%{transform: translate(-50%,-50%) scale(1.05);}
}

@-ms-keyframes moreSpBigPos{
    0%{transform: translate(-50%,-50%) scale(1);}
    100%{transform: translate(-50%,-50%) scale(1.05);}
}

@keyframes moreSpBigPos{
    0%{transform: translate(-50%,-50%) scale(1);}
    100%{transform: translate(-50%,-50%) scale(1.05);}
}

/* 详情页有X轴定位变小 */

@-webkit-keyframes moreSpSmallPosX{
    0%{transform: translateX(-50%) scale(1.05);}
    100%{transform: translateX(-50%) scale(1);}
}

@-moz-keyframes moreSpSmallPosX{
    0%{transform: translateX(-50%) scale(1.05);}
    100%{transform: translateX(-50%) scale(1);}
}

@-ms-keyframes moreSpSmallPosX{
    0%{transform: translateX(-50%) scale(1.05);}
    100%{transform: translateX(-50%) scale(1);}
}

@keyframes moreSpSmallPosX{
    0%{transform: translateX(-50%) scale(1.05);}
    100%{transform: translateX(-50%) scale(1);}
}

/* 详情页有X轴定位变大 */

@-webkit-keyframes moreSpBigPosX{
    0%{transform: translateX(-50%) scale(1);}
    100%{transform: translateX(-50%) scale(1.05);}
}

@-moz-keyframes moreSpBigPosX{
    0%{transform: translateX(-50%) scale(1);}
    100%{transform: translateX(-50%) scale(1.05);}
}

@-ms-keyframes moreSpBigPosX{
    0%{transform: translateX(-50%) scale(1);}
    100%{transform: translateX(-50%) scale(1.05);}
}

@keyframes moreSpBigPosX{
    0%{transform: translateX(-50%) scale(1);}
    100%{transform: translateX(-50%) scale(1.05);}
}

/* 有定位变小 */

@-webkit-keyframes moreSmallPos{
    0%{transform: translateY(-50%) scale(1.06);}
    100%{transform: translateY(-50%) scale(1);}
}

@-moz-keyframes moreSmallPos{
    0%{transform: translateY(-50%) scale(1.06);}
    100%{transform: translateY(-50%) scale(1);}
}

@-ms-keyframes moreSmallPos{
    0%{transform: translateY(-50%) scale(1.06);}
    100%{transform: translateY(-50%) scale(1);}
}

@keyframes moreSmallPos{
    0%{transform: translateY(-50%) scale(1.06);}
    100%{transform: translateY(-50%) scale(1);}
}

/* 有定位变大 */

@-webkit-keyframes moreBigPos{
    0%{transform: translateY(-50%) scale(1);}
    100%{transform: translateY(-50%) scale(1.06);}
}

@-moz-keyframes moreBigPos{
    0%{transform: translateY(-50%) scale(1);}
    100%{transform: translateY(-50%) scale(1.06);}
}

@-ms-keyframes moreBigPos{
    0%{transform: translateY(-50%) scale(1);}
    100%{transform: translateY(-50%) scale(1.06);}
}

@keyframes moreBigPos{
    0%{transform: translateY(-50%) scale(1);}
    100%{transform: translateY(-50%) scale(1.06);}
}

/* 内页海报无定位变小 */

@-webkit-keyframes moreBannerSmall{
    0%{-webkit-transform: scale(1.05);}
    100%{-webkit-transform: scale(1);}
}

@-moz-keyframes moreBannerSmall{
    0%{-moz-transform: scale(1.05);}
    100%{-moz-transform: scale(1);}
}

@-ms-keyframes moreBannerSmall{
    0%{-ms-transform: scale(1.05);}
    100%{-ms-transform: scale(1);}
}

@keyframes moreBannerSmall{
    0%{transform: scale(1.05);}
    100%{transform: scale(1);}
}

/* 内页海报无定位变大 */

@-webkit-keyframes moreBannerBig{
    0%{-webkit-transform: scale(1);}
    100%{-webkit-transform: scale(1.05);}
}

@-moz-keyframes moreBannerBig{
    0%{-moz-transform: scale(1);}
    100%{-moz-transform: scale(1.05);}
}

@-ms-keyframes moreBannerBig{
    0%{-ms-transform: scale(1);}
    100%{-ms-transform: scale(1.05);}
}

@keyframes moreBannerBig{
    0%{transform: scale(1);}
    100%{transform: scale(1.05);}
}

/* 无定位变小 */

@-webkit-keyframes moreSmall{
    0%{transform: scale(1.06);}
    100%{transform: scale(1);}
}

@-moz-keyframes moreSmall{
    0%{transform: scale(1.06);}
    100%{transform: scale(1);}
}

@-ms-keyframes moreSmall{
    0%{transform: scale(1.06);}
    100%{transform: scale(1);}
}

@keyframes moreSmall{
    0%{transform: scale(1.06);}
    100%{transform: scale(1);}
}

/* 无定位变大 */

@-webkit-keyframes moreBig{
    0%{transform: scale(1);}
    100%{transform: scale(1.06);}
}

@-moz-keyframes moreBig{
    0%{transform: scale(1);}
    100%{transform: scale(1.06);}
}

@-ms-keyframes moreBig{
    0%{transform: scale(1);}
    100%{transform: scale(1.06);}
}

@keyframes moreBig{
    0%{transform: scale(1);}
    100%{transform: scale(1.06);}
}

/* 首页新闻常态动画 */

@-webkit-keyframes indnews{
    0%{background:url(../edimg/index-06_h.jpg) #013b99 no-repeat center 305px;}
    100%{background:url(../edimg/index-06.jpg) #fff no-repeat center 305px;}
}

@-moz-keyframes indnews{
    0%{background:url(../edimg/index-06_h.jpg) #013b99 no-repeat center 305px;}
    100%{background:url(../edimg/index-06.jpg) #fff no-repeat center 305px;}
}

@-ms-keyframes indnews{
    0%{background:url(../edimg/index-06_h.jpg) #013b99 no-repeat center 305px;}
    100%{background:url(../edimg/index-06.jpg) #fff no-repeat center 305px;}
}

@keyframes indnews{
    0%{background:url(../edimg/index-06_h.jpg) #013b99 no-repeat center 305px;}
    100%{background:url(../edimg/index-06.jpg) #fff no-repeat center 305px;}
}

/* 首页新闻动画 */

@-webkit-keyframes indnewsHover{
    0%{background:url(../edimg/index-06.jpg) #fff no-repeat center 305px;}
    100%{background:url(../edimg/index-06_h.jpg) #013b99 no-repeat center 305px;}
}

@-moz-keyframes indnewsHover{
    0%{background:url(../edimg/index-06.jpg) #fff no-repeat center 305px;}
    100%{background:url(../edimg/index-06_h.jpg) #013b99 no-repeat center 305px;}
}

@-ms-keyframes indnewsHover{
    0%{background:url(../edimg/index-06.jpg) #fff no-repeat center 305px;}
    100%{background:url(../edimg/index-06_h.jpg) #013b99 no-repeat center 305px;}
}

@keyframes indnewsHover{
    0%{background:url(../edimg/index-06.jpg) #fff no-repeat center 305px;}
    100%{background:url(../edimg/index-06_h.jpg) #013b99 no-repeat center 305px;}
}

/* 首页历程动画 */

@-webkit-keyframes indaboBG{
    0%{transform:translateX(-45%);left:50%;opacity:0;}
    100%{transform:translateX(-50%);left:50%;opacity:1;}
}

@-moz-keyframes indaboBG{
    0%{transform:translateX(-45%);left:50%;opacity:0;}
    100%{transform:translateX(-50%);left:50%;opacity:1;}
}

@-ms-keyframes indaboBG{
    0%{transform:translateX(-45%);left:50%;opacity:0;}
    100%{transform:translateX(-50%);left:50%;opacity:1;}
}

@keyframes indaboBG{
    0%{transform:translateX(-45%);left:50%;opacity:0;}
    100%{transform:translateX(-50%);left:50%;opacity:1;}
}

/* 首页网络动画 */

@-webkit-keyframes indabonetworkBG{
    0%{transform:translateX(-45%);left:50%;opacity:0;}
    100%{transform:translateX(-50%);left:50%;opacity:1;}
}

@-moz-keyframes indabonetworkBG{
    0%{transform:translateX(-45%);left:50%;opacity:0;}
    100%{transform:translateX(-50%);left:50%;opacity:1;}
}

@-ms-keyframes indabonetworkBG{
    0%{transform:translateX(-45%);left:50%;opacity:0;}
    100%{transform:translateX(-50%);left:50%;opacity:1;}
}

@keyframes indabonetworkBG{
    0%{transform:translateX(-45%);left:50%;opacity:0;}
    100%{transform:translateX(-50%);left:50%;opacity:1;}
}

/* PC蓝色箭头闪光 */
/* 动画一 */
@-webkit-keyframes light_blue_shine_pc{
    0%{color:#8dc5fb;}
    50%{color:#cde3f8;}
    100%{color:#198eff;}
}
@-moz-keyframes light_blue_shine_pc{
    0%{color:#8dc5fb;}
    50%{color:#cde3f8;}
    100%{color:#198eff;}
}
@-ms-keyframes light_blue_shine_pc{
    0%{color:#8dc5fb;}
    50%{color:#cde3f8;}
    100%{color:#198eff;}
}
@keyframes light_blue_shine_pc{
    0%{color:#8dc5fb;}
    50%{color:#cde3f8;}
    100%{color:#198eff;}
}
/* 动画二 */
@-webkit-keyframes blue_shine_pc{
    0%{color:#cde3f8;}
    50%{color:#198eff;}
    100%{color:#8dc5fb;}
}
@-moz-keyframes blue_shine_pc{
    0%{color:#cde3f8;}
    50%{color:#198eff;}
    100%{color:#8dc5fb;}
}
@-ms-keyframes blue_shine_pc{
    0%{color:#cde3f8;}
    50%{color:#198eff;}
    100%{color:#8dc5fb;}
}
@keyframes blue_shine_pc{
    0%{color:#cde3f8;}
    50%{color:#198eff;}
    100%{color:#8dc5fb;}
}
/* 动画三 */
@-webkit-keyframes dark_blue_shine_pc{
    0%{color:#198eff;}
    50%{color:#8dc5fb;}
    100%{color:#cde3f8;}
}
@-moz-keyframes dark_blue_shine_pc{
    0%{color:#198eff;}
    50%{color:#8dc5fb;}
    100%{color:#cde3f8;}
}
@-ms-keyframes dark_blue_shine_pc{
    0%{color:#198eff;}
    50%{color:#8dc5fb;}
    100%{color:#cde3f8;}
}
@keyframes dark_blue_shine_pc{
    0%{color:#198eff;}
    50%{color:#8dc5fb;}
    100%{color:#cde3f8;}
}

/* 手机蓝色箭头闪光 */
/* 动画一 */
@-webkit-keyframes light_blue_shine{
    0%{color:#d4ebff;}
    50%{color:#67b9ff;}
    100%{color:#008aff;}
}
@-moz-keyframes light_blue_shine{
    0%{color:#d4ebff;}
    50%{color:#67b9ff;}
    100%{color:#008aff;}
}
@-ms-keyframes light_blue_shine{
    0%{color:#d4ebff;}
    50%{color:#67b9ff;}
    100%{color:#008aff;}
}
@keyframes light_blue_shine{
    0%{color:#d4ebff;}
    50%{color:#67b9ff;}
    100%{color:#008aff;}
}
/* 动画二 */
@-webkit-keyframes blue_shine{
    0%{color:#67b9ff;}
    50%{color:#008aff;}
    100%{color:#d4ebff;}
}
@-moz-keyframes blue_shine{
    0%{color:#67b9ff;}
    50%{color:#008aff;}
    100%{color:#d4ebff;}
}
@-ms-keyframes blue_shine{
    0%{color:#67b9ff;}
    50%{color:#008aff;}
    100%{color:#d4ebff;}
}
@keyframes blue_shine{
    0%{color:#67b9ff;}
    50%{color:#008aff;}
    100%{color:#d4ebff;}
}
/* 动画三 */
@-webkit-keyframes dark_blue_shine{
    0%{color:#008aff;}
    50%{color:#d4ebff;}
    100%{color:#67b9ff;}
}
@-moz-keyframes dark_blue_shine{
    0%{color:#008aff;}
    50%{color:#d4ebff;}
    100%{color:#67b9ff;}
}
@-ms-keyframes dark_blue_shine{
    0%{color:#008aff;}
    50%{color:#d4ebff;}
    100%{color:#67b9ff;}
}
@keyframes dark_blue_shine{
    0%{color:#008aff;}
    50%{color:#d4ebff;}
    100%{color:#67b9ff;}
}

/* 淡入-从下 */
@-webkit-keyframes fadeinBPosY{
    0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);}
    to{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
}
@-moz-keyframes fadeinBPosY{
    0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);}
    to{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
}
@-ms-keyframes fadeinBPosY{
    0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);}
    to{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
}
@keyframes fadeinBPosY{
    0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);}
    to{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
}



/* 1.5秒动画 */
.donghua1_5{
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

/* 2秒动画 */
.donghua2{
    -webkit-animation-duration: 1.8s;
    -moz-animation-duration: 1.8s;
    -ms-animation-duration: 1.8s;
    animation-duration: 1.8s;
}

/* 2.5秒动画 */
.donghua2_5{
    -webkit-animation-duration: 2.1s;
    -moz-animation-duration: 2.1s;
    -ms-animation-duration: 2.1s;
    animation-duration: 2.1s;
}

/* 3秒动画 */
.donghua3{
    -webkit-animation-duration: 2.4s;
    -moz-animation-duration: 2.4s;
    -ms-animation-duration: 2.4s;
    animation-duration: 2.4s;
}

/* 3.5秒动画 */
.donghua3_5{
    -webkit-animation-duration: 2.7s;
    -moz-animation-duration: 2.7s;
    -ms-animation-duration: 2.7s;
    animation-duration: 2.7s;
}

/* 4秒动画 */
.donghua4{
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    animation-duration: 3s;
}

/* 4.5秒动画 */
.donghua4_5{
    -webkit-animation-duration: 3.3s;
    -moz-animation-duration: 3.3s;
    -ms-animation-duration: 3.3s;
    animation-duration: 3.3s;
}

/* 5秒动画 */
.donghua5{
    -webkit-animation-duration: 3.6s;
    -moz-animation-duration: 3.6s;
    -ms-animation-duration: 3.6s;
    animation-duration: 3.6s;
}

/* 淡入-从上 */
@-webkit-keyframes SpwfadeinT{
    0%{opacity:0;-webkit-transform:translate(-50%,100px);}
    100%{opacity:1;-webkit-transform:translate(-50%,0);}
}
@-moz-keyframes SpwfadeinT{
    0%{opacity:0;-moz-transform:translate(-50%,100px);}
    100%{opacity:1;-moz-transform:translate(-50%,0);}
}
@-ms-keyframes SpwfadeinT{
    0%{opacity:0;-ms-transform:translate(-50%,100px);}
    100%{opacity:1;-ms-transform:translate(-50%,0);}
}
@keyframes SpwfadeinT{
    0%{opacity:0;transform:translate(-50%,100px);}
    100%{opacity:1;transform:translate(-50%,0);}
}